/**
 * @description 菜单
 */
const menuDefaultData = {
  version: '001',
  base: {
    mode: 'horizontal',
    icon_flag: true,
    text_home: '系统首页',
    icon_home: 'HomeOutlined',
    icon_exampaper: 'FormOutlined',
    icon_forum: 'CommentOutlined',
    icon_news: 'SoundOutlined',
    icon_messages: 'AliwangwangOutlined',
    icon_others: 'AppstoreOutlined',
  },

  // 1. inline开头 垂直内嵌模式数据
  inline_box: {
    classname: ".menu-inline",
    "default": {
      position: "fixed",
      width: "210px",
      height: "calc(100% - 80px)",
      top: "70px",
      left: "10px",
      borderRadius: "4px",
      background: "#ffffff",
      overflow: "auto",
      scrollbarWidth: "thin",
      zIndex: "99"
    },
  },
  inline_menu: {
    classname: ".layout-container .menu-inline .ant-menu-root",
    "default": {
      width: "100%",
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "transparent",
      borderRight: 'none',
    },
  },
  inline_1: {
    classname: ".menu-inline .ant-menu-inline >li",
    "default": {
    }
  },
  inline_1_item: {
    classname: ".menu-inline > .ant-menu.ant-menu-inline >.ant-menu-item, .menu-inline .ant-menu-inline .ant-menu-submenu-title",
    "default": {
      height: "40px",
      lineHeight: "40px",
      width: "calc(100% - 8px)",
      display: "flex",
      alignItems: "center",
      color: "rgba(0, 0, 0, 0.88)",
      background: "none",
      padding: " 0 34px 0 16px",
      margin: "4px",
      overflow: "hidden",
      textOverflow: "ellipsis",
      whiteSpace: "nowrap",
    },
    hover: {
      color: "rgba(0, 0, 0, 0.88)",
      background: "rgba(0, 0, 0, 0.06)"
    }
  },
  inline_1_item_selected: {
    classname: ".menu-inline .ant-menu.ant-menu-inline >.ant-menu-item.ant-menu-item-selected, .menu-inline .ant-menu-inline .ant-menu-submenu-selected .ant-menu-submenu-title",
    "default": {
      color: "#1677ff",
      backgroundColor: "#e6f4ff"
    },
  },
  inline_1_item_icon: {
    classname: ".menu-inline .ant-menu-inline .ant-menu-item-icon",
    "default": {
      fontSize: "14px",
      minWidth: "14px",
      color: "inherit",
    }
  },
  inline_1_item_content: {
    classname: ".menu-inline .ant-menu.ant-menu-inline .ant-menu-title-content",
    "default": {
      fontSize: "inherit",
      color: "inherit",
      margin: "0 0 0 10px",
    }
  },
  inline_1_item_arrow: {
    classname: ".menu-inline .ant-menu-inline .ant-menu-submenu-title>i",
    "default": {
      position: "absolute",
      top: "50%",
      "inset-inline-end": "16px",
      width: "10px",
      color: "currentcolor",
    }
  },
  inline_2: {
    classname: ".menu-inline .ant-menu .ant-menu-submenu .ant-menu-sub",
    "default": {
      background: "rgba(0, 0, 0, 0.02)",
    }
  },
  inline_2_item: {
    classname: ".menu-inline .ant-menu .ant-menu-submenu .ant-menu-item-only-child",
    "default": {
      height: "40px",
      lineHeight: "40px",
      width: "calc(100% - 8px)",
      display: "flex",
      alignItems: "center",
      color: "rgba(0, 0, 0, 0.88)",
      padding: " 0 34px 0 16px",
      margin: "4px",
      overflow: "hidden",
      textOverflow: "ellipsis",
      whiteSpace: "nowrap",
      borderRadius: "8px",
      background: "none",
    },
    hover: {
      backgroundColor: "rgba(0, 0, 0, 0.06)"
    }
  },
  inline_2_item_selected: {
    classname: ".menu-inline .ant-menu .ant-menu-submenu .ant-menu-item.ant-menu-item-selected",
    "default": {
      color: "#1677ff",
      backgroundColor: "#e6f4ff"
    },
  },

  // 2. vertical垂直模式数据

  // 3. horizontal开头,水平模式数据，
  horizontal_box: {
    classname: ".menu-horizontal",
    "default": {
      width: "auto",
      height: "auto",
      borderRadius: "4px",
      background: "#ffffff",
    },
  },
  horizontal_menu: {
    classname: ".layout-container .menu-horizontal .ant-menu-root",
    "default": {
      fontSize: "14px",
      color: "rgba(0, 0, 0, 0.88)",
      background: "transparent",
      lineHeight: "46px",
      border: "0",
      borderBottom: "1px solid rgba(5, 5, 5, 0.06)",
      boxShadow: "none",
      display: "flex",
      justifyContent: "center",
      alignItems: "center",
      gap: "8px"
    },
  },
  horizontal_1: {
    classname: ".menu-horizontal .ant-menu.ant-menu-horizontal .ant-menu-item, .menu-horizontal .ant-menu-horizontal .ant-menu-submenu",
    "default": {
      position: "relative",
      color: "rgba(0, 0, 0, 0.88)",
      fontSize: "14px",
      background: "none",
      display: "inline-block",
      verticalAlign: "bottom",
      padding: "0",
      top: "1px",
      marginTop: "-1px",
      marginBottom: "0",
      borderRadius: "0",
    },
    hover: {
      color: "#1677ff",
      background: "#e6f4ff"
    }
  },
  horizontal_1_selected: {
    classname: ".menu-horizontal .ant-menu.ant-menu-horizontal .ant-menu-item.ant-menu-item-selected, .menu-horizontal .ant-menu-horizontal .ant-menu-submenu.ant-menu-submenu-selected",
    "default": {
      color: "#1677ff",
      background: "#e6f4ff",
    },
  },
  horizontal_1_icon: {
    classname: ".menu-horizontal .ant-menu-horizontal .ant-menu-item-icon",
    "default": {
      fontSize: "14px",
      minWidth: "14px",
      color: "inherit",
      margin: "0 0 0 10px"
    }
  },
  horizontal_1_content: {
    classname: ".menu-horizontal .ant-menu-horizontal .ant-menu-title-content",
    "default": {
      fontSize: "inherit",
      color: "inherit",
      margin: "10px",
    }
  },
  horizontal_2: {
    classname: ".ant-menu-submenu-popup.ant-menu-submenu",
    "default": {
      background: "transparent",
      paddingTop: "8px",
      borderRadius: "8px",

    }
  },
  horizontal_2_box: {
    classname: ".ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub",
    "default": {
      background: "#fff",
      minWidth: "160px",
      maxHeight: "calc(100vh - 100px)",
      boxShadow: "0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05)",
      borderRadius: "8px",
    }
  },
  horizontal_2_item: {
    classname: ".ant-menu-submenu-popup.ant-menu-light .ant-menu-sub.ant-menu-vertical .ant-menu-item",
    "default": {
      height: "40px",
      lineHeight: "40px",
      width: "calc(100% - 8px)",
      display: "block",
      color: "rgba(0, 0, 0, 0.88)",
      padding: " 0 16px",
      margin: "4px",
      overflow: "hidden",
      textOverflow: "ellipsis",
      whiteSpace: "nowrap",
      borderRadius: "8px",
      background: "none",
    },
    hover: {
      color: "rgba(0, 0, 0, 0.88)",
      backgroundColor: "rgba(0, 0, 0, 0.06)",
    }
  },
  horizontal_2_item_selected: {
    classname: ".ant-menu-submenu-popup.ant-menu-light .ant-menu-sub.ant-menu-vertical .ant-menu-item.ant-menu-item-selected",
    "default": {
      color: "#1677ff",
      backgroundColor: "#e6f4ff"
    },
  },
  css: "/* 菜单样式文件 */"
}

export default menuDefaultData